:root {
    --color-danger: #ff5722;
    --color-warn: #ffb800;
    --color-success: #16b777;
    --color-ifo: #1e9fff;
    --color-disabled: #c2c2c2;
}

/*组件容器 start*/
.container-ele > .layui-form-item {
    border: 1px dashed var(--color-success);
    border-radius: 3px;
    cursor: pointer;
}

.container-ele > .layui-form-item:hover {
    border: 1px solid var(--color-success);
}

.container-ele > .layui-form-item label, .container-ele > .layui-form-item input, .container-ele > .layui-form-item textarea {
    cursor: pointer;
}

.container-ele > .layui-form-item > i {
    display: none;
}

/*组件容器 end*/

/*表单样式 start*/
.container-style {
    border: 1px solid var(--color-success);
    border-radius: 5px;
    height: calc(100vh - 110px);
    overflow-y: scroll;
    padding: 10px;
}

.container-style > .layui-form-item {
    border: 1px dashed #ffffff00;
    cursor: pointer;
}

.container-style > .layui-form-item:hover {
    border: 1px solid var(--color-success);
}

.container-style > .layui-form-item label, .container-style > .layui-form-item input, .container-style > .layui-form-item textarea {
    cursor: pointer;
}

.container-style > .layui-form-item > i {
    position: absolute;
    left: 3px;
    top: 5px;
    color: var(--color-disabled);
    z-index: 1;
}

.container-style > .layui-form-item > i:hover {
    color: var(--color-danger);
}

.container-style > .layui-form-item-active {
    border: 1px solid var(--color-success);
}

/*表单样式 end*/

/*组件属性 start*/
.container-props {

}

.container-props > .layui-form-item > i {
    display: none;
}

/*组件属性 end*/

.required:before {
    content: '* ';
    color: var(--color-danger);
}

.layui-input-block > .layui-row:before, .layui-input-block > .layui-row:after {
    display: inline;
}

#update-ele-button, #export-json {
    margin: 10px 0;
}

#import-json {
    display: none;
}